 @charset "utf-8";
/* CSS Document */

.page{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	}
.hide{display:none;}
.wrap{width:1280px; margin: auto;}
.min-wrap{min-width:1280px;}
.max-1000{min-width:1000px;}


/* 二级页面样式 */
.sub_page{
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
}
/* adide */
.sub_page .aside{
  width: 280px;
  min-height: 300px;
  padding: 15px;
  font-size: 16px;
  background: #972025;
}
.sub_page .aside ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub_page .aside li{
  padding: 15px 50px;
  margin: 20px;
  background: #fff;
  color: #333333;
  text-align: center;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
}
.sub_page .aside li.active{
  color: #d0021b;
}
/* context */
.sub_page_context{
  flex: 1;
  padding-left: 20px; 
}
.sub_page_context.news_list ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.sub_page_context .inner{
  display: none;
}
.sub_page_context .show{
  display: block !important;
}
.sub_page_context .inner_box{
  min-height: 300px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 5px rgba(154,154,154,0.5);
}
.sub_page_context .title{
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #979797;
}
.sub_page_context .title span{
  padding-bottom: 10px;
  color: #b32130;
  border-bottom: 2px solid #b32130;
}
.sub_page_context .con{
  padding: 20px 0;
}
.sub_page_context .article_title{
  padding: 10px 0;
  text-align: center;
  color: #ae1121;
  font-size: 16px;
}
.sub_page_context .con .info_item{
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px dashed #d5d5d5;
}
.sub_page_context .con .info_img{
  position: relative;
  flex-shrink: 0;
  width: 120px;
  height: 80px;
}
.sub_page_context .con .info_img img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sub_page_context .con .info_con{
  flex: 1;
  padding-left: 20px;
  font-weight: bold;
  color: #878787;
}
.sub_page_context .con .info_inner{
  display: flex;
  justify-content: space-between;
}
.sub_page_context .con .info_title{
  font-size: 16px;
  color: #333;
}
.sub_page_context .con .info_date{
  color: #fc9b06;
}
.sub_page_context .con .info_summary{
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
}
.sub_page_context .con .info_item:hover .info_title{
  color: #ae1121;
}
.sub_page_context .show_circle .info_item::before{
  content: '';
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ae1121;
}
/* btn area */
.sub_page_context .btn_area{
  display: none;
  text-align: center;
}
.sub_page_context .btn_area .btn{
  display: inline-block;
  padding: 10px 50px;
  margin: 50px 10px;
  background: #972025;
  color: #fff;
  cursor: pointer;
}
/* sub_page_context_problem */
.sub_page_context_problem li{
  border-bottom: 1px dashed #d5d5d5;
 }
.sub_page_context_problem .issue{
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 20px;
  margin: 0;
  color: #878787;
  font-weight: bold;
  cursor: pointer;
}
.sub_page_context_problem .issue:hover .info_title{
  color: #ae1121;
}
.sub_page_context_problem .issue::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: #ae1121;
  border-radius: 50%;
  transform: translateY(-50%);
}
.sub_page_context_problem .answer{
  display: none;
  padding: 0px 0 20px 20px;
  /* padding-left: 20px; */
  color: #878787;
}
/* 咨询表单 */
.message_form section{
  display: flex;
  width: 800px;
  padding: 10px 0;
}
.message_form input,
.message_form select{
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #d5d5d5;
}
.message_form select{
  width: 150px;
}
.message_form input{
  flex: 1;
}
.message_form input:focus{
  border: 1px solid #ae1121;
}
.message_form button{
  width: 152px;
  height: 42px;
  margin: 0 auto;
  line-height: 42px;
  background: #972025;
  color: #fff;
  border: none;
}

/* 三级页面样式  文章详情 */
.detail_page{
  padding-bottom: 30px;
}
.detail_page .breadcrumbs{
  padding: 20px 0;
  color: #262626;
  font-weight: bold;
}
.detail_page .breadcrumbs .cur{
  color: #ae1121;
}
.detail_page .detail_page_con{
  padding: 45px;
  background: #fff;
  box-shadow: 0 0 5px rgba(154,154,154,0.5);
}
.detail_page .article_title{
  padding-bottom: 30px;
  text-align: center;
  color: #ae1121;
  font-size: 16px;
}
.sub_page_context img{
  display: block;
  margin: 0 auto;
}